<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>华猫首页</title>
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="../../css/base.css">
    <link rel="stylesheet" type="text/css" href="../../css/aui-flex.css">
    <link rel="stylesheet" type="text/css" href="css/integral.css">
    <style>
        .aui-list .new-width{
            width: 100%;
        }
    </style>
</head>
<body>
<header id="header" class="aui-bar aui-bar-nav ">

    <a href="#" class="aui-pull-left aui-btn ">
        <span class="aui-iconfont aui-icon-left"></span>

    </a>
    <div class="aui-title">申请积分</div>

</header>





<section class="aui-padded-l-10 aui-padded-r-10">
    <!-- 申请积分-->
    <div class="integral">
        <div class="integral-shop flex">
            <div class="integral-shop-img"><img src="img/shop-logo2.png" alt=""></div>
            <div class="aui-font-size-16 aui-margin-l-10">肯德基旗舰店</div>
        </div>
        <ul class="aui-list aui-list-in">

            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <!--<label><input type="radio" class="aui-radio" name="radio" checked></label>-->
                    <div class="aui-list-item-label new-width"> 本次支付金额(￥)</div>
                </div>
                <div class="aui-list-item-input">
                    <input type="text" placeholder="请输入收款金额">
                </div>
            </li>
            <li class="aui-list-item aui-list-item-middle">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title">商家赠送积分比例</div>
                    <div class="aui-list-item-right">16584874</div>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title">可申请积分</div>
                    <div class="aui-list-item-right"></div>
                </div>
            </li>
        </ul>
    </div>
    <div class="aui-btn aui-btn-block aui-btn-info" style="margin-top: 2rem">确认</div>

</section>

<!--<div class="alert-box">-->
<!--<div class="sure-box">-->
<!--<span class="aui-text-info">确认</span>-->
<!--<span class="aui-pull-right">取消</span>-->
<!--</div>-->
<!--</div>-->

<script src="../../js/api.js"></script>
<script src="../../js/aui-slide.js"></script>
<script src="../../js/aui-tab.js"></script>

<script>
    var slide3 = new auiSlide({
        container:document.getElementById("aui-slide3"),
        // "width":300,
        "height":240,
        "speed":500,
        "autoPlay": 3000, //自动播放
        "loop":true,
        "pageShow":true,
        "pageStyle":'',
        'dotPosition':'center'
    });
    var tab=new auiTab({
        element:document.getElementById('footer'),
        index:1,
        repeatClick:false
    },function (ret) {
        console.log(ret)
    });


    var alertBox={


    }
</script>
</body>
</html>